<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	response.setHeader("Access-Control-Allow-Origin", "*");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>热门话题-资讯·数据工厂</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
	rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">
<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">
<link
	href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath}/css/mypage.css"
	rel="stylesheet">
</head>
<body>
	<div id="wrapper">
		<nav class="navbar-default navbar-static-side" role="navigation">
		<%
			request.setAttribute("LEFT", "information");
		%> <%@include file="../components/left.jsp"%>
		</nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom" style="margin-bottom: 20px;">
				<jsp:include page="../components/head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>热门话题</h2>
					<ol class="breadcrumb">
						<li class="nav-main1"><a
							href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
						</li>
						<li class="active"><span>热门资讯</span></li>
						<li class="active"><span>资讯</span></li>
					</ol>
				</div>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins" id="dataInfoLine"></div>
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="row m-t-sm">
									<div class="col-lg-12">
										<div class="panel blank-panel">
											<div class="panel-body">
												<div class="tab-content">

													<div class="input-select">
														<div class="input-selectbox">
															<button data-toggle="dropdown" id="dropdown"
																class="btn btn-primary dropdown-toggle" type="button"
																aria-expanded="false">
																<i class="fa fa-bars"></i> <span id="inputSelected">全部</span>
															</button>
															<ul class="dropdown-menu" id="selectlist">
																<li><a onclick="setselect(this)">全部</a></li>
																<li><a onclick="setselect(this)">网易</a></li>
																<li><a onclick="setselect(this)">36kr</a></li>
																<li><a onclick="setselect(this)">腾讯网</a></li>
																<li><a onclick="setselect(this)">新浪</a></li>
																<li><a onclick="setselect(this)">澎湃新闻</a></li>
																<li><a onclick="setselect(this)">ZAKER</a></li>
																<li><a onclick="setselect(this)">中国政府网</a></li>
																

															</ul>
															<input id="keyword" type="text" class="form-control"
																style="width: 440px; padding-right: 42px;"> <i
																class="fa fa-search cursearch" onclick="search()"></i>
														</div>
													</div>

													<div class="tab-pane active" id="tab-1">

														<div class="feed-activity-list" id="list"></div>
														<div class="feed-activity-list" id="logs">
															<div class="box" id="box" style="float: right;"></div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<jsp:include page="../components/footer.jsp" flush="true" />
		</div>
	</div>
	<!-- Mainly scripts -->
	<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
	<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
	<script
		src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
	<!-- Custom and plugin javascript -->
	<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
	<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
	<!-- FooTable -->
	<script
		src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
	<!-- Page-Level Scripts -->
	<script
		src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<script>
		var classification = '全部';
		$(document).ready(function() {
			$('.footable').footable();
			list(1, "publish_time", "", "");
		});

		function list(page, searchparam, topic, source_name) {
			//如果是选择的全部，则将source_name表示为空
			if (source_name == '全部' || source_name == '网易') {
				searchparam = "publish_time";
				source_name = "";
			}

			$('#list').html('<div class="feed-element">加载数据中......</div>')
			$
					.ajax({
						url : "${pageContext.request.contextPath}/hotlist/listData",
						type : "POST",
						data : {
							page : page,
							searchparam : searchparam,
							source_name : source_name,
							classify : 1,
							topic : topic
						},
						success : function(res) {
							res = JSON.parse(res)
							$('#list').html('')
							if (res.page_count > 500) {
								res.page_count = 500;
							}
							paging(res.count, res.page_count, res.page)
							var list = res.data
							//console.log(list)
							for (var i = 0; i < list.length; i++) {
								//先定义数据
								var content = '';
								var all = '';
								var wangyi = '';
								var kr = '';
								var haoqixin = '';
								
								//查询时不排名
								//all = "<i ></i>" + "["+list[i]._source.rank + "]"
								/* if(list[i]._source.rank == 1){
									all =  '<span class="label label-danger">'+list[i]._source.rank+'</span>'
								}else if(list[i]._source.rank == 2){
									all =  '<span class="label label-info">'+list[i]._source.rank+'</span>'
								}else if(list[i]._source.rank == 3){
									all =  '<span class="label label-warning">'+list[i]._source.rank+'</span>'
								}else {
									all =  '<span class="label label-default">'+list[i]._source.rank+'</span>'
								} */
								
								if (source_name == "") {
									all = "";
								}
								if(topic != ""){
									all = "";
								}
								
								//判断，不同来源，显示的值也不同
								if (source_name == '网易') {
									wangyi = "<div class='article-source' style='margin-left: 20px;'><i class='fa fa-globe'></i>点击数："
											+ list[i]._source.hits_num
											+ "</div>"
								}
								if (source_name == '36kr') {
									// 二级标题
									content = list[i]._source.two_topic;
									kr = "<div class='article-source' style='margin-left: 20px;'><i class='fa fa-globe'></i>作者："
											+ list[i]._source.auth + "</div>"
								}
								if (source_name == '好奇心研究所') {
									haoqixin = "<div class='article-source' style='margin-left: 20px;'><i class='fa fa-globe'></i>作者："
											+ list[i]._source.auth + "</div>"
								}
								
								//对情感进行判断
								var sentiment = list[i]._source.sentiment;
								var sent = "";
								var sentclass = " ";
								if (sentiment == 1) {
									sent = "正面";
									sentclass = 'label label-primary'
								}
								if (sentiment == 2) {
									sent = "中性";
									sentclass = 'label label-warning'
								}
								if (sentiment == 3) {
									sent = "负面";
									sentclass = "label label-danger"
								}
								
								//获取三个关键字，使用JSON.parse前，需要判断
								if (list[i]._source.key_words != '') {
									var keys = JSON
											.parse(list[i]._source.key_words);
									var count = 0;
									var key_word = [];
									for ( var key in keys) {
										key_word.push(key)
										count++;
										if (count == 3) {
											break;
										}
									}
									if (key_word.length == 0) {
										key_word = "无";
									}
								}

								var title = list[i]._source.topic
								var html = "<div class='custom-article b-b'> "
										+ "    <div class='article-content p-l-0'>"
										+ "    	<div class='article-content-title'>"
										+ all
										<!--
										+ "<a target='_blank' href='${pageContext.request.contextPath}/hotday/details?article_public_id="
										+ list[i]._source.article_public_id
										+ "&type=hotListToday'>"
										-->
										+ "<a target='_blank' style='margin-left: 10px;' href='"
										+ list[i]._source.source_url+"'>"
										+ title.substring(
												title.indexOf("」") + 1,
												title.length)
										+ "</a>"
										+"<span class= '"+sentclass+"' style='float: right'>"+sent+"</span>"
								<!--		+ "<a style='float: right'>"+ sent+"</a>"      -->
										+ "        </div>"
										+ "        <div class='article-content-con'>"
										+ content
										+ "</div>"
										+ "        <div class='article-content-tips m-t-0'>"
										+ "    <div class='article-source'><i class='fa fa-globe'></i>来源:"
										+ list[i]._source.source_name
										+ "</div>"
										+ "    <div class='article-source' style='margin-left: 20px;'><i class='fa fa-globe'></i>分类:"
										+ list[i]._source.classification
										+ "</div>"
										+ wangyi
										+ kr
										+ haoqixin
										+ "        <div class='article-source' style='margin-left: 20px;'><i class='fa fa-globe'></i>关键词："
										+ key_word
										+ "</div>"
										+ " <div class='article-time' style='float: right'><i class='fa fa-clock-o'></i>时间："
										+ list[i]._source.publish_time
										+ "</div>"

										+ "    	</div>"
										+ "    </div>" + "</div>";
								//console.log(html);
								$('#list').append(html)

							}
							if (list.length == 0) {
								$('#list')
										.html(
												'<div class="feed-element">暂无数据！</div>')
							}
						},
						error : function(res) {
							$('#list').html(
									'<div class="feed-element">暂无数据！</div>')
						}
					});
		}

		function search() {
			list(1, "publish_time", $('#keyword').val(), classification);
		}

		function paging(totalData, totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
				}
			});
		}

		function setselect(that) {
			classification = $(that).text();
			$('#inputSelected').html(classification)
			list(1, "rank", $('#keyword').val(), classification);
		}

		function JumpToPage(pageNum) {
			list(pageNum, "rank", $('#keyword').val(), classification);
		}
	</script>
</body>
</html>
